#gameView{
		margin: auto;
		width: 1200px;
		height: 780px;
		background-image: url(../img/allbackground.jpg);
		border-radius: 11px;
		border: 1px solid antiquewhite;
		padding-top: 100px;
		padding-left: 300px;
		}
#startView{
		height: 550px;
		width: 870px;
		background-image: url(../img/start.jpg);
		background-repeat: no-repeat;
		border: 10px solid ghostwhite;
		border-radius: 11px;
}
#playButton{
		width: 200px;
		height: 69px;
		background-image: url(../img/startButton.jpg);
		background-position: -3px -2px;
		margin-left: 350px;
		margin-top: 450px;
		border: 3px solid azure;
		border-radius: 20px;
}
#mainView{
	width: 900px;
	height: 670px;
	background-color: blanchedalmond;
}
#cartoonView{
	width: 900px;
	height: 700px;
	border-radius: 15px;
}

#mainView img{
	vertical-align: top;
}

#selectHero{
	width: 900px;
	height: 700px;
	border: 1px solid red;
	border-radius: 15px;
	background-image: url(../img/selectHeroView.jpg);
}

#selectHero img{
	border: 2px solid #F8F8FF;
	border-radius: 15px;
}

#hero1{
	margin-top: 250px;
	margin-left: 250px;
}
#hero2{
	margin-left: 50px;
}
#hero3{
	margin-left: 50px;
}
#hero4{
	margin-left: 50px;
}
#selectHero a:hover{
	
}
#test{
	width: 900px;
	height: 80px;
	margin-top: 30px;
	border: 3px solid azure;
	border-radius: 20px;
	background-image: url(../img/selectHeroView.jpg);
	background-position: 0px -500px;
}
#INFO{
	margin-left: 200px;
}

.life{
	color:red;
	font-size: 50px;
	margin-left: 15px;
}
